<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>会员预订系统</title>
    <meta name="keywords" content="会员预订系统">
    <meta name="description" content="会员预订系统">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/login.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>

</head>

<body>

    <div style="height: 15%;width: 100%;background-color: white;">
        <img src="/img/logo3.png" style="height: 66px;margin-left: 35px;float: left;margin-top: 20px;">
        <div style="font-weight: bold;font-size: 30px;color: #78848b;margin-left: 10px;float: left;margin-top: 45px;font-family: 华文楷体">
            SBOOK会员预订系统
        </div>
        <div style="float: right;margin-right: 100px;padding-top: 30px">
            <svg t="1684980502507" style="margin-right: 10px" class="icon" viewBox="0 0 1036 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="3260" width="30" height="30">
                <path d="M908.168081 854.420373c-2.781069-13.146874-5.688551-27.55787-11.756339-39.693445a313.034646 313.034646 0 0 0-79.89254-100.876973c-11.25069-9.354506-23.259853-17.950539-35.774666-25.661686-25.788098-15.801531-56.379862-19.593898-86.213152-20.352371-7.079086-0.126412-13.778935 2.27542-19.72031 6.067787-6.320612 4.045192-11.882751 9.228094-17.065653 14.790233-3.792367 4.045192-6.826261 8.596033-10.618629 12.641225-4.171604 4.424429-8.469621 8.596033-12.767637 12.767637-6.699849 6.447025-13.52611 12.641225-20.605196 18.709012-2.654657 2.27542-5.05649 5.182902-8.090384 6.952674-4.930078 2.781069-13.020461 1.011298-18.329776 0.379237a97.33743 97.33743 0 0 1-18.709012-4.171605c-10.745041-3.539543-19.973135-9.228094-29.454053-15.295881-22.880617-14.410996-46.266882-27.431457-67.124903-44.876348a914.845427 914.845427 0 0 1-65.102307-60.172229c-9.607331-9.733743-18.835425-19.593898-27.937107-29.83329a974.512007 974.512007 0 0 1-42.727339-51.19696c-13.273286-17.192066-25.788098-35.142604-36.533139-54.104441-5.309314-9.228094-10.745041-18.329776-14.663821-28.316344-3.539543-9.101682-6.573437-18.456188-3.286718-28.063518 1.896184-5.688551 5.182902-10.745041 8.722445-15.675119 13.020461-17.824127 29.074817-34.004894 46.266882-47.783829 14.790233-11.882751 19.593898-30.212527 16.180768-48.289478-1.769771-10.239392-3.413131-20.478784-6.320613-30.338939-11.124278-38.176498-33.372833-71.928568-59.919404-101.129797-12.135576-13.52611-24.523976-30.338939-40.325507-39.819858-19.341074-11.756339-39.440621-20.352372-61.562764-25.282449-21.742906-5.182902-44.749935 0.632061-64.975895 9.354506-38.682147 16.560004-71.296507 45.508409-94.809184 80.398189C14.433499 221.221431 6.722352 238.792733 2.550748 257.248921c-4.298016 19.593898-2.401833 38.176498 0.126412 57.770397 4.424429 33.246421 11.882751 66.113605 21.995731 98.095903 5.814963 18.329776 13.020461 36.406727 20.605196 54.104442 10.871453 25.029625 23.386266 48.921539 37.544437 72.307805 11.124278 18.329776 21.742906 37.291613 34.384131 54.61009 16.180768 22.122143 32.993596 43.738637 49.300776 65.734368 17.571302 23.512678 38.682147 44.244286 58.781695 65.607956 16.433592 17.571302 32.993596 35.142604 49.300776 52.966731 13.146874 14.537408 28.948404 26.293747 43.612225 39.187797 50.312074 44.244286 102.014683 87.477274 160.164316 121.102932 3.792367 2.149008 7.458323 4.298016 11.25069 6.447024 0.758473 0.505649 1.516947 0.884886 2.27542 1.264123l0.505649 0.252824c2.528245 1.516947 5.182902 2.907482 7.711147 4.424429a554.3177 554.3177 0 0 0 49.806425 25.029625c2.907482 1.264122 5.941376 2.654657 8.848858 3.918779 15.927943 6.826261 31.982298 12.894049 48.41589 18.709013 8.216796 2.907482 16.054355 6.320612 24.523976 8.596032 30.086115 8.216796 61.562764 14.410996 92.660176 16.30718 17.44489 1.011298 35.142604-0.379237 52.081846-4.803665 22.374968-6.067788 41.589629-17.571302 58.023221-33.75207 6.952674-6.826261 13.52611-14.158172 19.973135-21.237257 21.110845-23.133441 43.738637-46.266882 53.725205-76.858646 1.13771-3.792367 1.769771-7.711147 1.769771-11.629927 0.632061-7.205498-0.252824-14.158172-1.769771-20.984433zM1036.602923 536.999223h-63.206123C973.3968 275.705109 760.897814 63.206123 499.6037 63.206123V0C795.661181 0 1036.602923 240.941742 1036.602923 536.999223z"
                      fill="#00AEE3" p-id="3261"></path>
                <path d="M910.190677 536.999223h-63.206124C846.984553 345.484669 691.118254 189.61837 499.6037 189.61837v-63.206124C726.008034 126.412246 910.190677 310.594889 910.190677 536.999223z"
                      fill="#00AEE3" p-id="3262"></path>
                <path d="M783.77843 536.999223h-63.206123C720.572307 415.137817 621.465106 316.030616 499.6037 316.030616v-63.206123C656.354886 252.824493 783.77843 380.248037 783.77843 536.999223z"
                      fill="#00AEE3" p-id="3263"></path>
            </svg>
            <span style="font-size: 20px;color: #78848b">服务热线：18976205160（微信同号）</span>
        </div>
    </div>

    <div class="mcss">
        <div style="margin: 20px;">
            <div style="float: left;margin-left: 10%;margin-top: 6%">
                <div class="signin-info" style="color: white;">
                    <div class="logopanel m-b">
                        <h1>Travel Big Data</h1>
                    </div>
                    <div class="m-b"></div>
                    <h3>
                        欢迎使用 <strong>会员预订系统</strong>
                    </h3>
                    <ul class="m-b">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 多种数据来源
                        </li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 有效降低成本</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 大幅提升效率</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>
                            可视化操作界面，降低用户使用门槛
                        </li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>
                            实时完成数据集成与同步工作，不让速度成为瓶颈
                        </li>
                    </ul>
                </div>
            </div>

            <div style="border: 1px solid #87979d;background-color: white;padding: 20px;width: 20%;float: right;margin-top: 7%;margin-right: 10%">
                <form id="signupForm">
                    <input type="text" name="username" class="form-control uname" value="" style="margin-bottom: 20px;"/>
                    <input type="password" name="password" class="form-control pword m-b" value="" style="margin-bottom: 30px;"/>
                    <a id="login" class="btn btn-login btn-block">登录</a>
                </form>
            </div>

        </div>
    </div>

    <div style="height: 10%;width: 100%;background-color: white;text-align: center;margin-top: 25px">
        <div>
            关于我们 | 产品与服务 | 常见问题 | 团队支持 | 联系我们
        </div>
        <div style="margin-top: 20px">
            Copyright © 2022-2032 <a href="https://fbook.fswan.cn" target="_blank">潮合（海南）科技有限公司</a> 备案号：<a
                href="https://beian.miit.gov.cn/" target="_blank">琼ICP备2021001740号-2</a>
        </div>
    </div>


<!-- 全局js -->
<script src="/js/jquery.min.js?v=2.1.4"
        th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
<script src="/js/bootstrap.min.js?v=3.3.6"
        th:src="@{/js/bootstrap.min.js?v=3.3.6}"></script>

<!-- 自定义js -->
<script src="/js/content.js?v=1.0.0" th:src="@{/js/content.js?v=1.0.0}"></script>

<!-- jQuery Validation plugin javascript-->
<script src="/js/ajax-util.js"></script>
<script src="/js/plugins/validate/jquery.validate.min.js"
        th:src="@{/js/plugins/validate/jquery.validate.min.js}"></script>
<script src="/js/plugins/validate/messages_zh.min.js"
        th:src="@{/js/plugins/validate/messages_zh.min.js}"></script>
<script src="/js/plugins/layer/layer.min.js"
        th:src="@{/js/plugins/layer/layer.min.js}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#login").on('click', function () {
            $("#signupForm").submit();
        });
        validateRule();
        $("body").keydown(keyDownLogon);
    });

    $.validator.setDefaults({
        submitHandler: function () {
            login();
        }
    });

    function login() {
        $.ajax({
            type: "POST",
            url: "/login",
            data: $('#signupForm').serialize(),
            success: function (r) {
                if (r.code == 0) {
                    parent.location.href = "/index";
                } else {
                    layer.msg(r.msg);
                }
            },
        });
    }

    function keyDownLogon() {
        if (event.keyCode == "13") {
            $("#login").trigger('click');
        }
    }

    function validateRule() {
        var icon = "<i class='fa fa-times-circle'></i> ";
        $("#signupForm").validate({
            rules: {
                username: {
                    required: true
                },
                password: {
                    required: true
                }
            },
            messages: {
                username: {
                    required: icon + "请输入您的用户名",
                },
                password: {
                    required: icon + "请输入您的密码",
                }
            }
        })
    }
</script>
</body>
</html>
